<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html>
<html>
<head>
  <meta name="keywords" content="乐直播,企业直播,企业营销直播,企业直播平台,商业直播,会议直播,教育培训直播,企业直播加盟,微信直播,活动直播"> 
  <meta name="description" content="乐直播是一家专业为企业提供微信直播营销系统的互联网科技公司，打造基于微信生态的直播系统，该系统可满足企业直播、移动直播、微信直播、活动直播、经销商大会直播、产品发布会直播、户外直播等各种应用场景的视频直播服务需求，提高企业的营销效率，咨询电话：400-900-5560。
"> 
<title>乐播—营销活动效果放大器！</title>
<%@include file="../../views/layouts/header.jsp" %>
  <style type="text/css">
    .col_full .layui-input-block{
        margin-left: 0px;
    }
    .col_full .layui-input-inline{
        width: 32%;
    }
    .layui-form-select dl dd, .layui-form-select dl dt {
        margin-bottom: auto;
    }
        </style> 
  <script>
            var $leActivityId="";
            var cdnPath="http://cdn.lezhibo.com";//cdn路径
        </script> 
 </head> 
 <body class="stretched no-transition"> 
  <div id="wrapper" class="clearfix"> 
   <header id="header" class="full-header"> 
    <div id="header-wrap"> 
     <div class="container clearfix"> 
      <div id="primary-menu-trigger">
       <i class="icon-reorder"></i>
      </div> 
      <div id="logo"> 
       <a href="/" class="standard-logo" data-dark-logo="/static/front/images/logo-dark.png"><img src="http://cdn.lezhibo.com/static/front/images/lzb-logo4.jpg" alt="乐直播"></a> 
       <a href="/" class="retina-logo" data-dark-logo="/static/front/images/logo-dark@2x.png"><img class="shouji-logo" src="http://cdn.lezhibo.com/static/front/images/lzb-logo1@2x3.jpg" alt="乐直播"></a> 
      </div>
      <!-- #logo end --> 
<%@include file="../../views/layouts/navigation.jsp" %>
      <!-- #primary-menu end --> 
     </div> 
    </div> 
   </header>
   <!-- #header end --> 
   <!-- Page Title
============================================= --> 
   <section id="page-title"> 
    <div class="container clearfix"> 
     <h1>乐直播管理中心</h1> 
     <span>乐直播欢迎您登录</span> 
     <ol class="breadcrumb"> 
      <li><a href="/">首页</a></li> 
      <li class="active">登录</li> 
     </ol> 
    </div> 
   </section>
   <!-- #page-title end --> 
   <!-- Content
============================================= --> 
   <section id="content" style="overflow:visible;"> 
    <div class="content-wrap"> 
     <div class="container clearfix"> 
      <div class="accordion accordion-lg divcenter nobottommargin clearfix" style="max-width: 550px;"> 
       <div class="acctitle login_title">
        <i class="acc-closed icon-lock3"></i>
        <i class="acc-open icon-unlock"></i>登录
       </div> 
       <div class="acc_content clearfix login_block"> 
        <form id="login-form" name="login-form" class="nobottommargin" action="${ctx}/portal/login.vo" method="post"> 
         <div class="col_full"> 
          <label for="login-form-username">用户名/手机号:</label> 
          <input type="text" id="login-form-username" name="loginname" value="" class="form-control"> 
         </div> 
         <div class="col_full"> 
          <label for="login-form-password">密码:</label> 
          <input type="password" id="login-form-password" name="loginpwd" value="" class="form-control"> 
         </div> 
         <div class="col_full nobottommargin"> 
          <button class="button button-3d button-black nomargin" id="login-form-submit" name="login-form-submit" value="login">登录</button> 
          <!--<a href="/forgotPassword" class="fright">忘记密码?</a>--> 
         </div> 
        </form> 
       </div> 
       <!--<div class="acctitle"><i class="acc-closed icon-user4"></i><i class="acc-open icon-ok-sign"></i>没有账号? 点击这里注册</div>--> 
       <!--<div class="acc_content clearfix register_block">--> 
       <!--<form id="register-form" name="register-form" class="layui-form nobottommargin" action="/portal/doRegister" method="post">--> 
       <!--<div class="col_full">--> 
       <!--<label for="phone">手机号:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<div class="layui-input-inline">--> 
       <!--<input type="text" id="phone" name="company.mobile" required lay-verify="phone"--> 
       <!--placeholder="请输入您的手机号" product="乐直播注册" autocomplete="off" class="layui-input" onblur="checkMobile()">--> 
       <!--</div>--> 
       <!--<div class="layui-input-inline  send-valid">--> 
       <!--<button type="button" class="layui-btn layui-btn-primary le-btn-color change1" onclick="settime()">发送验证码</button>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="validate-code">验证码:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<div class="layui-input-inline">--> 
       <!--<input type="text" id="validate-code" name="validate-code" class="layui-input" lay-verify="validate" placeholder="请输入验证码" autocomplete="off">--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="password">密码:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<input type="password" id="password" name="company.password" class="layui-input" lay-verify="pass" placeholder="请输入密码" autocomplete="off">--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="rpassword">再次输入密码:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<input type="password" id="rpassword" name="rpassword" class="layui-input" lay-verify="rpass" placeholder="请再次输入密码" autocomplete="off">--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="real-name">真实姓名:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<div class="layui-input-inline">--> 
       <!--<input type="text" id="real-name" name="company.contact" class="layui-input" lay-verify="realname" placeholder="请输入您的姓名" autocomplete="off">--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="company-name">企业名称:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<input type="text" id="company-name" name="company.name" class="layui-input" lay-verify="company" placeholder="请输入贵公司全称" autocomplete="off">--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full">--> 
       <!--<label for="province">企业所在地:</label>--> 
       <!--<div class="layui-input-block">--> 
       <!--<div class="layui-input-inline">--> 
       <!--<select onchange="onProvince()" lay-filter="province" id="province" name="province" class="province">--> 
       <!--<option value="">选择省份</option>--> 
       <!----> 
       <!----> 
       <!--<option class="aprovince" value="110000">北京</option>--> 
       <!----> 
       <!--<option class="aprovince" value="120000">天津</option>--> 
       <!----> 
       <!--<option class="aprovince" value="130000">河北</option>--> 
       <!----> 
       <!--<option class="aprovince" value="140000">山西</option>--> 
       <!----> 
       <!--<option class="aprovince" value="150000">内蒙古</option>--> 
       <!----> 
       <!--<option class="aprovince" value="210000">辽宁</option>--> 
       <!----> 
       <!--<option class="aprovince" value="220000">吉林</option>--> 
       <!----> 
       <!--<option class="aprovince" value="230000">黑龙江</option>--> 
       <!----> 
       <!--<option class="aprovince" value="310000">上海</option>--> 
       <!----> 
       <!--<option class="aprovince" value="320000">江苏</option>--> 
       <!----> 
       <!--<option class="aprovince" value="330000">浙江</option>--> 
       <!----> 
       <!--<option class="aprovince" value="340000">安徽</option>--> 
       <!----> 
       <!--<option class="aprovince" value="350000">福建</option>--> 
       <!----> 
       <!--<option class="aprovince" value="360000">江西</option>--> 
       <!----> 
       <!--<option class="aprovince" value="370000">山东</option>--> 
       <!----> 
       <!--<option class="aprovince" value="410000">河南</option>--> 
       <!----> 
       <!--<option class="aprovince" value="420000">湖北</option>--> 
       <!----> 
       <!--<option class="aprovince" value="430000">湖南</option>--> 
       <!----> 
       <!--<option class="aprovince" value="440000">广东</option>--> 
       <!----> 
       <!--<option class="aprovince" value="450000">广西</option>--> 
       <!----> 
       <!--<option class="aprovince" value="460000">海南</option>--> 
       <!----> 
       <!--<option class="aprovince" value="500000">重庆</option>--> 
       <!----> 
       <!--<option class="aprovince" value="510000">四川</option>--> 
       <!----> 
       <!--<option class="aprovince" value="520000">贵州</option>--> 
       <!----> 
       <!--<option class="aprovince" value="530000">云南</option>--> 
       <!----> 
       <!--<option class="aprovince" value="540000">西藏</option>--> 
       <!----> 
       <!--<option class="aprovince" value="610000">陕西</option>--> 
       <!----> 
       <!--<option class="aprovince" value="620000">甘肃</option>--> 
       <!----> 
       <!--<option class="aprovince" value="630000">青海</option>--> 
       <!----> 
       <!--<option class="aprovince" value="640000">宁夏</option>--> 
       <!----> 
       <!--<option class="aprovince" value="650000">新疆</option>--> 
       <!----> 
       <!--<option class="aprovince" value="710000">台湾</option>--> 
       <!----> 
       <!--<option class="aprovince" value="810000">香港</option>--> 
       <!----> 
       <!--<option class="aprovince" value="820000">澳门</option>--> 
       <!----> 
       <!----> 
       <!--</select>--> 
       <!--</div>--> 
       <!--<div class="layui-input-inline">--> 
       <!--<select onchange="onCity()" lay-filter="city" name="city"--> 
       <!--class="city">--> 
       <!--<option value="">请选择市</option>--> 
       <!----> 
       <!--</select>--> 
       <!--</div>--> 
       <!--<div class="layui-input-inline">--> 
       <!--<select onchange="" lay-filter="county" name="county"--> 
       <!--class="county">--> 
       <!--<option value="">请选择县/区</option>--> 
       <!----> 
       <!--</select>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--</div>--> 
       <!--<div class="col_full nobottommargin">--> 
       <!--<button class="button button-3d button-black nomargin" lay-submit >立即注册</button>--> 
       <!--<button type="reset" class="button button-3d button-black nomargin">重置</button>--> 
       <!--</div>--> 
       <!--</form>--> 
       <!--</div>--> 
      </div> 
     </div> 
    </div> 
   </section> 
   <!-- Content=============================================end --> 
   <div class="footerBox"> 
    <footer class="footer clearfix"> 
     <!--<div class="copyright">--> 
     <!--<p>京ICP备16053982号-1</p>--> 
     <!--<p>www.lezhibo.com 2011-2015 © All Rights Reserved</p>--> 
     <!--</div>--> 
     <div class="footerlogo">
      <img src="http://cdn.lezhibo.com/static/wechat/images/footerLogo.jpg">
     </div> 
     <div class="contactUs"> 
      <span><a href="javascript:void(0);">联系我们</a></span> 
      <ul> 
       <li><a href="/">乐直播</a>（北京）网络科技有限公司<em class="ec">版权所有</em><br><a href="http://www.miitbeian.gov.cn/" title="京ICP备16053982号-5" target="_blank" rel="nofollow">京ICP备16053982号-5</a></li> 
       <li>联系电话: 400-900-5560</li> 
       <li>微信：lezhibo-lb</li> 
       <li>QQ：3254604660<em> &nbsp;&nbsp;&nbsp;邮箱:lzb@lezhibo.com</em></li> 
       <li>北京公司地址：北京朝阳区日坛北路7号1幢3层304（总部地址）</li> 
      </ul> 
     </div> 
     <div class="QRcode"> 
      <span><a href="javascript:void(0);">关注我们</a></span> 
      <em><i>微信扫一扫<br>更多精彩等着您</i><img src="http://cdn.lezhibo.com/static/wechat/images/le-qrcode.jpg" alt="微信扫一扫,更多精彩等着您"></em> 
     </div> 
    </footer>
    <!-- #footer end --> 
   </div> 
  </div>
  <!-- #wrapper end --> 
  <div id="gotoTop" class="icon-angle-up"></div> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/front/js/functions1.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/layui.js?cdnv=0.16"></script> 
  <script type="text/javascript" src="http://cdn.lezhibo.com/static/layui/lay/dest/layui.all.js?cdnv=0.16"></script> 
  <script>
        var currentId = "login";
        $("#"+currentId).attr("class","current");

    $(document).ready(function () {
        //登录
        $("#login-form").submit(function () {
            $(this).ajaxSubmit({
                type: "post",
                dataType: "json",
                success: function (data) {
                    if (data.isOk) {
                        showLayerMsg(6, "登录成功，正在跳转首页...");
                        setTimeout(function(){
                            window.location.href = "${ctx}/portal/room.vo";
                        },1000);
                    } else {
                        alert(data.message);
                    }
                },
                error: function () {
                    alert("信息提交错误");
                }
            });
            return false; //不刷新页面
        });
        //注册
        $("#register-form").submit(function () {
            var layer = layui.layer;
            $(this).ajaxSubmit({
                type: "post",
                dataType: "json",
                beforeSubmit: function(){
                    //select控件需在此验证，无法使用lay-veriy验证
                    var province = $("#province").val();
                    if( null == province || province == ""){
                        $("#province").focus();
                        layer.msg('请选择您的企业所在地。', {
                            icon: 5
                            ,time: 2*1000 //2s后自动消失
                        });
                        return false;
                    }
                },
                success: function (data) {
                    if (data.isOk) {
                        layer.msg('恭喜您，注册成功！请登录。', {
                            icon: 6
                            ,time: 2*1000 //2s后自动消失
                        });
                        //显示登录块 隐藏注册块
                        setTimeout(function(){
                            $('.register_block').hide();
                            $('.login_title').addClass('acctitlec');
                            $('.login_block').slideDown('slow');
                        },2000);
                    } else {
                        layer.msg(data.message, {
                            icon: 5
                            ,time: 2*1000 //2s后自动消失
                        });
                    }
                },
                error: function (data) {
                    alert("信息提交错误");
                }
            });
            return false; //不刷新页面
        });
    });

    //城市和地区的加载
    var form = layui.form();
    form.on('select(province)', function (data) {
        $provinve = data.value;
        $.ajax({
            type: 'POST',
            url: "/portal/center/city",
            beforeSend: function () {
            },
            data: {"provinve": $provinve},
            success: function (result) { //提交成功的回调函数
                if (result.isOk) {
                    //先删除原有的地址，在添加
                    $(".city").empty();
                    $(".city").append('<option>请选择市</option>');
                    $(".county").empty();
                    $(".county").append('<option>请选择县/区</option>');
                    for (var i = 1; i < result.object.length; i++) {
                        $(".city").append('<option value="' + result.object[i].code + '">' + result.object[i].name + '</option>');
                    }
                    form.render();
                    form.on('select(city)', function (data) {
                        loadArea(data);
                    })
                }
            },
            error: function () {
                alert("信息提交错误");
            }
        });
    })
    function loadArea(data) {
        $city = $(".city").val();
        $.ajax({
            type: 'POST',
            url: "/portal/center/county",
            beforeSend: function () {
            },
            data: {"city": $city},
            success: function (result) { //提交成功的回调函数
                if (result.isOk) {
                    $(".county").empty();
                    $(".county").append('<option>请选择县/区</option>');
                    for (var i = 1; i < result.object.length; i++) {
                        $(".county").append('<option value="' + result.object[i].code + '">' + result.object[i].name + '</option>');
                    }
                    form.render();
                    form.on('select(county)', function (data) {
                    })
                }
            },
            error: function () {
                alert("信息提交错误");
            }
        });
    }

    //表单验证
    layui.use('form', function () {
        var form = layui.form();

        //输入校验
        form.verify({
            //验证码
            validate: function(value){
                if(value == null || value == ''){
                event.currentTarget.focus();
                    return '请输入验证码';
                }
            },
            //密码
            pass: function(value){
                if(value == null || value == ''){
                    event.currentTarget.focus();
                    return '请输入密码';
                }
                if(!(/^[\S]{6,12}$/.test(value))){
                    event.currentTarget.focus();
                    return '密码必须6到12位，且不能出现空格';
                }
            },
            //再次输入密码
            rpass: function(value){
                if(value == null || value == ''){
                    event.currentTarget.focus();
                    return '请再次输入密码';
                }
                var password = $('#password').val();
                if(!(password == value)){
                    event.currentTarget.focus();
                    return '两次密码输入不一致';
                }
            },
            //真实姓名
            realname: function(value){
                if(value == null || value == ''){
                    event.currentTarget.focus();
                    return '请填写您的真实姓名';
                }
                if(!(/^[\u4e00-\u9fa5]*$/.test(value))){
                    event.currentTarget.focus();
                    return '真实姓名只能为中文'
                }
            },
            //公司信息
            company: function(value){
                if(value == null || value == ''){
                    event.currentTarget.focus();
                    return '请填写贵公司全称';
                }
            }
        });
    });

    //验证码计时
    var ftimer;
    function settime() {
        var $clientPhone = $("input[id='phone']").val();
        var $product = $("input[id='phone']").attr("product");
        $.ajax({
            type: 'POST',
            url: "/portal/center/getCode",
            beforeSend:function(){
                if(false == verification.mobile()){
                    return false;
                }
                loopTime(60);
            },
            data: {"clientPhone":$clientPhone, "product":$product},
            success:function(result){ //提交成功的回调函数

            },
            error : function() {
                alert("信息提交错误");
            }
        });
    }

    function loopTime($time){
        if($time<=0){
            $(".send-valid").html('<button type="button" class="layui-btn change1" onclick="loopTime(60)">发送验证码</button>');
            clearTimeout(ftimer);
        }else{
            $(".send-valid").html('<button type="button" class="layui-btn change1">重新发送(' + $time + ')</button>');
            $time--;
            ftimer = setTimeout(function(){loopTime($time)},1000);
        }
    }

    //手机号验证
    var verification = {
        mobile: function () {
            $mobile = $("input[id='phone']").val();
            var re = /^1\d{10}$/;
            var layerMsg = "";
            //格式验证
            if ((typeof($mobile) != "undefined") && !re.test($mobile)) {
                layerMsg = "请输入正确的手机号";
                showLayerMsg(5, layerMsg);
                return false;
            }
            layerMsg = "";  //重置消息
            //是否已注册
            $.ajax({
                type: 'GET',
                async: false,   //需要同步，否则layerMsg被赋值后无法被及时取到
                url: "/portal/checkMobile",
                data: {"mobile": $mobile},
                success: function (result) { //提交成功的回调函数
                    if (result.isError) {
                        layerMsg = result.message;
                    }
                },
                error: function () {
                    alert("信息提交错误");
                }
            });
            //ajax返回结果不ok
            if( layerMsg != ""){
                 showLayerMsg(5, layerMsg);
                 return false;
            }
        }
    }
    //手机号查重
    function checkMobile(){
        if(false == verification.mobile()){
            event.currentTarget.focus();
            return false;
        }
    }

    //弹出layerMsg
    function showLayerMsg(_icon, _msg){
        var layer = layui.layer;
        layer.msg('' + _msg, {
            icon: _icon
            ,time: 2*1000 //2s后自动消失
        });
    }



    //传值给城市
    function onProvince(){
        $provinve = $(".province").val();
        $.ajax({
            type: 'POST',
            url: "/portal/center/city",
            beforeSend:function(){ },
            data: {"provinve":$provinve},
            success:function(result){ //提交成功的回调函数
                console.log("$$$$$$$$--->"+result);
                if(result.isOk){
                    $(".city").empty();
                    $(".city").append('<option >选择市</option>');
                    $(".county").empty();
                    $(".county").append("<option>选择县/区</option>");

                    for(var i=1;i<result.object.length;i++){
                        $(".city").append('<option value="'+result.object[i].code+'">'+result.object[i].name+'</option>');
                    }
                }
            },
            error : function() {
                alert("信息提交错误");
            }
        });
    }
    //传值给县
    function onCity(){
        $city = $(".city").val();
        $.ajax({
            type: 'POST',
            url: "/portal/center/county",
            beforeSend:function(){ },
            data: {"city":$city},
            success:function(result){ //提交成功的回调函数
                if(result.isOk){
                    $(".county").empty();
                    $(".county").append('<option >选择县/区</option>');
                    for(var i=1;i<result.object.length;i++){
                        $(".county").append('<option value="'+result.object[i].code+'">'+result.object[i].name+'</option>');
                    }
                }
            },
            error : function() {
                alert("信息提交错误");
            }
        });
    }




        function layerInit() {
            $("[go-href]").click(function () {
                var href = $(this).attr("go-href");
                var newWind = $(this).attr("go-href-new");
                if (newWind == "true") {
                    window.open(href);
                } else {
                    window.location.href = href;
                }
            });
        }
        layerInit();
        /**
         * 百度统计
         */
        var _hmt = _hmt || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?26c862c397ddfac8288cb68427caa70f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        /**
         * 百度商桥
         */
        var _hmt1 = _hmt1 || [];
        (function() {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?9837d3382bc11d53001c82796fba0e5f";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();

        $(function(){
            $('#logo img').css('height',60);
            $('#logo').css('margin-top', 20);
        });
        $(window).scroll(function(){
            if($('body').scrollTop()>0){
                $('#logo').css('margin-top', 0);
            }else{
                $('#logo').css('margin-top', 20);
            }

        });
    </script>   
 </body>
</html>
